export const ConnectLightMode = () => {
  return (
    <div>
      <svg
        width="279"
        height="202"
        viewBox="0 0 279 202"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
      >
        <line
          x1="80.9709"
          y1="159.709"
          x2="119.023"
          y2="137.801"
          stroke="black"
          strokeLinecap="round"
          strokeDasharray="5 5"
          className="edge-path"
        />
        <rect
          width="51.6092"
          height="51.6092"
          rx="7"
          transform="matrix(0.866025 0.5 -0.866025 0.5 44.6953 134.446)"
          fill="white"
          stroke="black"
          strokeLinejoin="bevel"
        />
        <rect
          width="36.8637"
          height="14.7455"
          transform="matrix(0.866025 0.5 0 1 6.38672 163.938)"
          fill="#BEBFC3"
          stroke="black"
          strokeLinejoin="bevel"
        />
        <rect
          width="36.8637"
          height="14.7455"
          transform="matrix(0.866025 -0.5 0 1 51.0801 182.369)"
          fill="#45474D"
          stroke="black"
          strokeLinejoin="bevel"
        />
        <path
          d="M3.74023 160.25C3.74023 161.69 4.75092 162.993 6.38498 163.937V178.682C4.75092 177.739 3.74023 176.436 3.74023 174.996V160.25Z"
          fill="#BEBFC3"
          stroke="black"
          strokeLinejoin="bevel"
        />
        <path
          d="M38.3105 182.369C41.8369 184.405 47.5542 184.405 51.0805 182.369V197.115C47.5542 199.151 41.8369 199.151 38.3105 197.115V182.369Z"
          fill="#45474D"
          stroke="black"
          strokeLinejoin="bevel"
        />
        <path
          d="M85.6506 160.25C85.6506 161.69 84.6399 162.993 83.0059 163.937V178.682C84.6399 177.739 85.6506 176.436 85.6506 174.996V160.25Z"
          fill="#45474D"
          stroke="black"
          strokeLinejoin="bevel"
        />
        <line
          x1="220.287"
          y1="160.822"
          x2="68.7404"
          y2="70.6013"
          stroke="black"
          strokeDasharray="5 5"
          className="edge-path"
        />
        <circle
          cx="32.1903"
          cy="32.1903"
          r="32.1903"
          transform="matrix(0.866025 0.5 -0.866025 0.5 138.309 80.1968)"
          fill="white"
          stroke="black"
          strokeLinejoin="bevel"
        />
        <path
          d="M98.8809 112.387C98.8809 118.673 103.294 124.363 110.428 128.482V139.212C103.294 135.093 98.8809 129.403 98.8809 123.117V112.387Z"
          fill="#E7E7E7"
          stroke="black"
          strokeLinejoin="bevel"
        />
        <path
          d="M110.428 128.482C125.824 137.372 150.787 137.372 166.183 128.482V139.213C150.787 148.102 125.824 148.102 110.428 139.213V128.482Z"
          fill="#B7B7B7"
          stroke="black"
          strokeLinejoin="bevel"
        />
        <path
          d="M177.729 112.387C177.729 118.673 173.316 124.363 166.182 128.482V139.212C173.316 135.093 177.729 129.403 177.729 123.117V112.387Z"
          fill="#B7B7B7"
          stroke="black"
          strokeLinejoin="bevel"
        />
        <path
          d="M153.314 103.904L153.314 103.904C154.491 103.224 155.079 102.885 155.354 102.506C155.74 101.977 155.734 101.378 155.339 100.847C155.056 100.467 154.461 100.123 153.272 99.4366L145.62 95.0186C143.156 93.5961 141.924 92.8848 140.401 92.88C138.879 92.8751 137.66 93.5787 135.223 94.9857L130.538 97.6905C126.782 99.8591 124.904 100.943 125.389 102.097C125.873 103.252 128.413 103.744 133.492 104.73L143.196 106.613C144.889 106.941 145.409 108.181 144.157 108.903C143.521 109.271 142.577 109.397 141.716 109.23L122.702 105.541C120.604 105.134 119.555 104.93 118.542 105.066C117.53 105.201 116.754 105.649 115.202 106.545L113.656 107.438C111.219 108.845 110 109.548 110.008 110.428C110.017 111.307 111.249 112.018 113.713 113.44L121.116 117.715C122.305 118.401 122.9 118.745 123.183 119.125C123.578 119.656 123.584 120.256 123.198 120.785C122.923 121.163 122.335 121.503 121.158 122.182L121.158 122.182C119.982 122.861 119.394 123.201 119.118 123.579C118.733 124.108 118.739 124.707 119.134 125.239C119.417 125.619 120.012 125.962 121.201 126.649L128.853 131.067C131.317 132.489 132.549 133.201 134.071 133.205C135.594 133.21 136.812 132.507 139.249 131.1L139.249 131.1L143.934 128.395C147.691 126.226 149.569 125.142 149.084 123.988C148.6 122.834 146.06 122.341 140.981 121.355L131.277 119.473C129.584 119.144 129.064 117.905 130.316 117.182C130.952 116.815 131.896 116.688 132.756 116.855L151.771 120.545C153.869 120.952 154.918 121.155 155.93 121.02C156.943 120.884 157.719 120.436 159.27 119.541L160.817 118.647C163.254 117.24 164.473 116.537 164.464 115.658C164.456 114.779 163.224 114.068 160.76 112.645L153.357 108.371C152.168 107.684 151.573 107.341 151.29 106.961C150.895 106.429 150.889 105.83 151.274 105.301C151.55 104.922 152.138 104.583 153.314 103.904Z"
          fill="#272F30"
        />
        <path
          d="M153.314 103.904L153.314 103.904C154.491 103.224 155.079 102.885 155.354 102.506C155.74 101.977 155.734 101.378 155.339 100.847C155.056 100.467 154.461 100.123 153.272 99.4366L145.62 95.0186C143.156 93.5961 141.924 92.8848 140.401 92.88C138.879 92.8751 137.66 93.5787 135.223 94.9857L130.538 97.6905C126.782 99.8591 124.904 100.943 125.389 102.097C125.873 103.252 128.413 103.744 133.492 104.73L143.196 106.613C144.889 106.941 145.409 108.181 144.157 108.903C143.521 109.271 142.577 109.397 141.716 109.23L122.702 105.541C120.604 105.134 119.555 104.93 118.542 105.066C117.53 105.201 116.754 105.649 115.202 106.545L113.656 107.438C111.219 108.845 110 109.548 110.008 110.428C110.017 111.307 111.249 112.018 113.713 113.44L121.116 117.715C122.305 118.401 122.9 118.745 123.183 119.125C123.578 119.656 123.584 120.256 123.198 120.785C122.923 121.163 122.335 121.503 121.158 122.182L121.158 122.182C119.982 122.861 119.394 123.201 119.118 123.579C118.733 124.108 118.739 124.707 119.134 125.239C119.417 125.619 120.012 125.962 121.201 126.649L128.853 131.067C131.317 132.489 132.549 133.201 134.071 133.205C135.594 133.21 136.812 132.507 139.249 131.1L139.249 131.1L143.934 128.395C147.691 126.226 149.569 125.142 149.084 123.988C148.6 122.834 146.06 122.341 140.981 121.355L131.277 119.473C129.584 119.144 129.064 117.905 130.316 117.182C130.952 116.815 131.896 116.688 132.756 116.855L151.771 120.545C153.869 120.952 154.918 121.155 155.93 121.02C156.943 120.884 157.719 120.436 159.27 119.541L160.817 118.647C163.254 117.24 164.473 116.537 164.464 115.658C164.456 114.779 163.224 114.068 160.76 112.645L153.357 108.371C152.168 107.684 151.573 107.341 151.29 106.961C150.895 106.429 150.889 105.83 151.274 105.301C151.55 104.922 152.138 104.583 153.314 103.904Z"
          stroke="white"
        />
        <rect
          width="51.6092"
          height="51.6092"
          rx="7"
          transform="matrix(0.866025 0.5 -0.866025 0.5 233.393 136.805)"
          fill="white"
          stroke="black"
          strokeLinejoin="bevel"
        />
        <rect
          width="36.8637"
          height="14.7455"
          transform="matrix(0.866025 0.5 0 1 195.084 166.296)"
          fill="#BEBFC3"
          stroke="black"
          strokeLinejoin="bevel"
        />
        <rect
          width="36.8637"
          height="14.7455"
          transform="matrix(0.866025 -0.5 0 1 239.777 184.728)"
          fill="#45474D"
          stroke="black"
          strokeLinejoin="bevel"
        />
        <path
          d="M192.438 162.609C192.438 164.049 193.448 165.352 195.082 166.296V181.041C193.448 180.098 192.438 178.794 192.438 177.355V162.609Z"
          fill="#BEBFC3"
          stroke="black"
          strokeLinejoin="bevel"
        />
        <path
          d="M227.008 184.728C230.534 186.763 236.251 186.763 239.778 184.728V199.473C236.251 201.509 230.534 201.509 227.008 199.473V184.728Z"
          fill="#45474D"
          stroke="black"
          strokeLinejoin="bevel"
        />
        <path
          d="M274.348 162.609C274.348 164.049 273.337 165.352 271.703 166.296V181.041C273.337 180.098 274.348 178.794 274.348 177.355V162.609Z"
          fill="#45474D"
          stroke="black"
          strokeLinejoin="bevel"
        />
        <line
          x1="103.431"
          y1="52.3326"
          x2="69.2298"
          y2="70.6125"
          stroke="black"
          strokeDasharray="5 5"
          className="edge-path"
        />
        <rect
          width="51.6092"
          height="51.6092"
          rx="7"
          transform="matrix(0.866025 0.5 -0.866025 0.5 122.531 0)"
          fill="white"
          stroke="black"
          strokeLinejoin="bevel"
        />
        <rect
          width="36.8637"
          height="14.7455"
          transform="matrix(0.866025 0.5 0 1 84.2227 29.4912)"
          fill="#BEBFC3"
          stroke="black"
          strokeLinejoin="bevel"
        />
        <rect
          width="36.8637"
          height="14.7455"
          transform="matrix(0.866025 -0.5 0 1 128.916 47.9229)"
          fill="#45474D"
          stroke="black"
          strokeLinejoin="bevel"
        />
        <path
          d="M81.5762 25.8047C81.5762 27.2443 82.5869 28.5476 84.2209 29.4911V44.2365C82.5869 43.2931 81.5762 41.9898 81.5762 40.5502V25.8047Z"
          fill="#BEBFC3"
          stroke="black"
          strokeLinejoin="bevel"
        />
        <path
          d="M116.146 47.9229C119.673 49.9588 125.39 49.9588 128.916 47.9229V62.6683C125.39 64.7043 119.673 64.7043 116.146 62.6683V47.9229Z"
          fill="#45474D"
          stroke="black"
          strokeLinejoin="bevel"
        />
        <path
          d="M163.487 25.8047C163.487 27.2443 162.476 28.5476 160.842 29.4911V44.2365C162.476 43.2931 163.487 41.9898 163.487 40.5502V25.8047Z"
          fill="#45474D"
          stroke="black"
          strokeLinejoin="bevel"
        />
      </svg>
    </div>
  );
};
